﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Inicio.aspx.cs" Inherits="Pages_Inicio" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<%@ Register Assembly="DotNetOpenAuth" Namespace="DotNetOpenAuth.OpenId.RelyingParty" TagPrefix="rp" %>

<html xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://www.facebook.com/2008/fbml">
<head>
    <title>ComunArte</title>
    <link rel="shortcut icon" href="../Images/Logos/LogoDibujo.ico" />
    <link href="../css/960GridSystem/code/css/960.css" rel="stylesheet" type="text/css" />
    <link href="../css/960GridSystem/code/css/text.css" rel="stylesheet" type="text/css" />
    <link href="../css/960GridSystem/code/css/reset.css" rel="stylesheet" type="text/css" />
    <link href="../PlugIn/JamieLottering-DropKick-9595074/dropkick.css" rel="stylesheet" type="text/css" />
    <link href="../css/Inicio.css" rel="stylesheet" type="text/css" />
	<link href="../css/Generico.css" rel="stylesheet" type="text/css" />
    <script src="../js/jquery-1.6.2.min.js" type="text/javascript"></script>
    <script src="../PlugIn/JamieLottering-DropKick-9595074/jquery.dropkick-1.0.0.js" type="text/javascript"></script>		
    <script src="../js/Efectos.js" type="text/javascript"></script>
    <script src="../js/DropKick.js" type="text/javascript"></script>
    <script src="../js/Funciones.js" type="text/javascript"></script>
    <script src="../js/WebService.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $('input[type="text"]').addClass("controlRegistrar");
            $('input[type="text"]').focus(function () {
                $(this).removeClass("controlRegistrar").addClass("controlRegistrarFocus");
            });
            $('input[type="text"]').blur(function () {
                $(this).removeClass("controlRegistrarFocus").addClass("controlRegistrar");
            });
            $('input[type="password"]').addClass("controlRegistrar");
            $('input[type="password"]').focus(function () {
                $(this).removeClass("controlRegistrar").addClass("controlRegistrarFocus");
            });
            $('input[type="password"]').blur(function () {
                $(this).removeClass("controlRegistrarFocus").addClass("controlRegistrar");
            });

            $('#edtPass').keypress(function (e) {
                if (e.which == 13) {
                    LogIn();
                    return false;
                }
            });

            $('#edtPassRegistro2').keypress(function (e) {
                if (e.which == 13) {
                    Registrar();
                    return false;
                }
            });

            $(':text').keypress(function (e) {
                if (e.which == 13) {
                    return false;
                }
            });
        });
    </script>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
</head>
<body onload="LoadPageInicio()">

    <form id="form1" runat="server">
        <div id="fb-root"></div>
        <script src="../js/FacebookIntegration.js" type="text/javascript"></script>

	<div id="TiTuloBar">
		<div class="Linea"></div>
		<div id="TopTiTuloBarInicio">
			<div class="container_12">
				<div id="Logo" class="grid_7">
					<img src="../Images/Logos/ComunArtePrincipalGris.gif" alt="ComunArte" />
				</div>

				<div id="Login" class="alpha grid_4">
					<div class="grid_2 omega">Usuario:</div>
					<div class="grid_2 omega"><input id="edtUsuario" class="recuadro controlInput" type="text" tabindex="1"/></div>
					<div class="grid_4 separacionControles"></div>
					<div class="grid_2 omega">Contraseña:</div>
					<div class="grid_2 omega"><input id="edtPass" class="recuadro controlInput" type="password" tabindex="2"/></div>
					<br/>
					<div id="BotonesEntrar" class="alpha grid_4">
                        <div id="BotonesEntarFaceBook">
					        <input id="btnEntrar" class="butoon recuadro" type="button" value="Entrar" tabindex="3" onclick="LogIn()" />
					        <fb:login-button autologoutlink="true" perms="email,user_birthday,status_update,publish_stream,user_about_me"></fb:login-button>
                        </div>
                        <spam id="BotonesTwitterGMail">
                      
                            <asp:ImageButton ID="btnGMail" runat="server" ImageUrl="../Images/Icons/IconoGMail.png"   onclick="ImageButton1_Click"  Width="28px" Height="27px" />
                            &nbsp;<asp:ImageButton ID="btnTwitter" runat="server" ImageUrl="../Images/Icons/IconoTwitter.png" OnClick="twitterLogin" Width="28px" Height="27px"  />
                        </spam>
                    </div>
				</div>
				<div class="grid_4 separacionControles"></div>
				<div class="grid_4 separacionControles"></div>
				<div id="ErrorLogin" class="alpha grid_4 error cuadroError omega">
				    <img class="ImagenRedSocial" src="../Images/Icons/error.png" alt="" />
				    El usuario o la contraseña son invalidos.
				</div>
			</div>			
		</div>
		<div class="Linea"></div>
	</div>
	<div class="container_12">
	    <div class="separacion"></div>
	    <div class="separacion"></div>
	    <div class="separacion"></div>
		<div id="Presentacion" class="grid_5">
	        <b>ComunArte es un punto de encuentro para artistas y amantes del arte.<br/>
			Aqui podras compartir tus trabajos y ver lo que hacen los demás dentro de un grán rango de categorías, 
			para de esta forma, estar en contacto con todos los que tengan los mismos intereses que vos.<br/>
			¿Todavía no te registraste? Hacelo ahora mismo (podes elegir entre artista y espectador) y empezá ahora 
			mismo a disfrutar!!!</b>
		</div>
		<div id="Registrar" class="prefix_2 grid_4">
			<div class="grid_4 omega">Nombre:</div>
			<div class="grid_3 omega"><input id="edtNombre" class="recuadro controlInput" type="text" tabindex="4" /></div>
			<div class="clear separacionControles"></div>
			<div class="grid_4 omega">Apellido:</div>
			<div class="grid_3"><input id="edtApellido" class="recuadro controlInput" type="text" tabindex="5" /></div>
			<div class="clear separacionControles"></div>
			<div class="grid_4 omega">Soy:</div>
			<div class="grid_3">
				<select id="cmbTipoUsuario" runat="server" class="default" name="cmbTipoUsuario" tabindex="6"></select>
			</div>
			<div class="clear separacionControles controlRegistrar"></div>			
			<div class="grid_4 omega">Correo electrónico:</div>
			<div class="grid_3"><input id="edtMail" class="recuadro controlInput" type="text" tabindex="7" /></div>
			<div class="clear separacionControles"></div>			
			<div class="grid_4 omega">Contraseña:</div>
			<div class="grid_3"><input id="edtPassRegistro1" class="recuadro controlInput" type="password" name="edtPassRegistro1" tabindex="8" /></div>
			<div class="clear separacionControles"></div>
			<div class="grid_4 omega">Confirme contraseña:</div>
			<div class="grid_3"><input id="edtPassRegistro2" class="recuadro controlInput" type="password" tabindex="9" /></div>
			<div class="clear separacionControles"></div>
			<div id="BotonRegistrar" class="grid_3"><input id="btnRegistrar" class ="butoon recuadro" type="button" value="Registrarme" tabindex="10" onclick="Registrar()" /></div>
			<div class="clear separacionControles"></div>
			<div class="clear separacionControles"></div>
			<div class="clear separacionControles"></div>
			<div id="ErrorRegistrar" class="grid_3 cuadroError"></div>
            </div>		
        

	</div>

         <rp:OpenIdTextBox ID="boxLogin" runat="server" RequestEmail="Require" RequestFullName="Require"
                RequestNickname="Require" RequestGender="Require" RequestCountry="Request"
                RequestTimeZone="Request" OnLoggedIn="OpenIdLogin1_LoggedIn" Text="https://www.google.com/accounts/o8/id"
                OnFailed="OpenIdLogin1_Failed" Visible="false"  />


        </form>
</body>
</html>
